<template>
    <div>
        <!--头部组件，传值:绑定子组件-->
        <main-header></main-header>
        <!--导航条-->
        <main-nav></main-nav>
        <!--轮播图-->
        <main-carousel></main-carousel>
        <!--信息块-->
        <main-info></main-info>
        <!--预约块-->
        <main-subscribe></main-subscribe>
        <!--产品块-->
        <main-product></main-product>
        <!--新闻块-->
        <main-news></main-news>
        <!--底部块：友情链接-->
        <main-footer></main-footer>
    </div>
</template>

<script>
    import MainHeader from "./main/MainHeader";
    import MainNav from "./main/MainNav";
    import MainCarousel from "./main/MainCarousel";
    import MainInfo from "./main/MainInfo";
    import MainSubscribe from "./main/MainSubscribe";
    import MainProduct from "./main/MainProduct";
    import MainNews from "./main/MainNews";
    import MainFooter from "./main/MainFooter";
    export default {
        name: "Index",
        components: {MainFooter, MainNews, MainProduct, MainSubscribe,MainInfo, MainCarousel, MainNav, MainHeader},
        data() {
            return {
                message: '进入index首页',
                show: true,
            }
        },
        mounted() {
        },
        methods:{

        }
    }
</script>

<style scoped>
    /*定义全局变量
            京东红：#e92322
            less ：@baseColor:#e92322
            */
    .baseColor * {
        color: #e92322;
    }
</style>